body,html{
    min-width: 1200px;
    user-select: none;
}
/* 导航栏 */
.top-bar{
    background-color: #FCFDFD;
    /* background-color: red; */
    width:100%;
    height: 70px;
    z-index: 999;
    position: fixed;
}
/* 导航栏左侧 */
.top-bar .top-bat-left{
    padding-left: 235px;
    float: left;
}
.top-bar .top-bat-left a.active,.top-bar .top-bat-left a:hover ,.top-bar .top-bat-left .multi:hover{
    color: #18bbfc;
}
.top-bar .top-bat-left .line{
    display: inline-block;
    width: 1px;
    height: 35px;
    background-color: #f0f1f5;  
    /* 垂直方向top对齐 */
    vertical-align: top;
    margin: 17px 10px;
    line-height: 35px;
}
.top-bar .top-bat-left a{
    width: 32px;
    height: 70px;
    margin: 0px 20px;
    text-align: center;
    line-height: 70px;
    color: #969797;
    font-size:15px;
}
.top-bar .top-bat-left .multi {
    display: inline-block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #969797;
}
.multi {
    /* width: 80px;
    height: 120px; */
    position: relative;
}
.xiala::before {
    content: "▽";
    display: block;
    position: absolute;
    z-index: 2;
    height: 40px;
    width: 40px;
    left:15px;
    top: -30px;
}
.multi .xiala {
    margin-left: 12px;
    /* 使其脱离文档流不会撑开导航栏 */
    position: absolute;
    /* 使他的层级在轮播图的上面 */
    z-index: 2;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px #18bbfc;
    margin-top: 17px;
    cursor: pointer;
}
.multi .xiala li{
    width: 70px;
    height: 30px;
    color: #969797;
    font-size: 12px;
   
}
.multi .xiala li:hover{
    background-color: #eaeff2;
}
.multi:hover .xiala{
    display: block;
}
/* .multi:hover .multi::after{
    display: block;
} */
/* 隐藏案例与伙伴 */
.xiala{
    display: none;
}
/* 导航栏右侧 */
.top-bar .top-bar-right{
    float: right;
    padding-right: 110px;
}
.top-bar .top-bar-right button{
    width: 58px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-top: 24px;
    margin-right: 15px;
    border-radius: 14px;
    cursor: pointer;
    border: none;
    background-color: #0CC2F1;
    font-weight: 400;
}
.top-bar .top-bar-right .button2{
    background-color: #fff;
    color: #7a7e89;
    border: 1px solid #7a7e89 ;

}

/* 轮播图区域 */
.lunbo {
position: relative;
}
.lunbo .banner{
    padding-top: 70px;
    width: 100%;
    height: 480px;
}
.lunbo .banner div.current{
    opacity: 1;
}
.lunbo .banner > div {
    opacity: 0;
}
.lunbo .banner>div:nth-of-type(1){
    width: 100%;
    background: url('../imgs/lunbo01.jpg') center center;
    height: 480px;
    position: absolute;
}
.lunbo .banner>div:nth-of-type(2){
    width: 100%;
    background: url('../imgs/lunbo02.jpg') center center;
    height: 480px;
    position: absolute;
}
.lunbo .banner>div:nth-of-type(3){
    width: 100%;
    background: url('../imgs/lunbo03.png') center center;
    height: 480px;
    position: absolute;
}
.lunbo .banner>div:nth-of-type(4){
    width: 100%;
    background: url('../imgs/lunbo04.png') center center;
    height: 480px;
    position: absolute;
}
.lunbo .banner>div:nth-of-type(5){
    width: 100%;
    background: url('../imgs/lunbo05.jpg') center center;
    height: 480px;
    position: absolute;
}
.lunbo .circle{ 
    height: 26px;
    width:100%;
    position: absolute;
    bottom: 20px;
    left:45%;
    z-index: 2;

}
.lunbo .circle li{
    float: left;
    width: 22px;
    height: 22px;
    background-color: red;
    border-radius: 50%;
    margin: 0 5px;
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid rgba(255, 255, 255, .6);
    cursor: pointer;
}
.lunbo .circle li.active{
    width: 62px;
    height: 22px;
    border-radius: 10px;
    cursor: pointer;
    background-color:rgba(0, 0, 0, .5);
}
/* 定义上一页下一页的样式 */
.lunbo .arrow1,.arrow2{
  display:none;
  width: 42px;
  height: 42px;
  line-height: 42px;
  /* 设置背景颜色为透明 */
  background-color: RGBA(0, 0, 0, 0.3);
  position: absolute;
  top:50%;
  font-size: 36px;
  /* 提升层级为2压在图片的上面 */
  z-index: 2;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.lunbo .arrow2{
    position: absolute;
    right: 0;
}
.lunbo:hover .arrow1{
    display: inline-block;
    background-color: RGBA(0, 0, 0, 0.6);
}
.lunbo:hover .arrow2{
    display: inline-block;
    background-color: RGBA(0, 0, 0, 0.6);
}
/* 物联网云服务区 */
.intro{
    /* 定义高度 */
    height: 420px;
    /* 定义背景颜色 */
    background-color: #fff;
    /* 超出部分隐藏 */
    overflow: hidden;
}
/* 给父元素开启相对定位 */
.intro-datil {
    position: relative;
}
/* 物联网标题 */
.intro-datil h1{
    /* 定义标题的大小 */
    font-size: 24px;
    /* 文本居中 */
    text-align: center;
    /* 加粗 */
    font-weight: 400;
    /* 设置上下 左右外边距 */
    margin: 36px 0 17px 0;
    /* 等于1代表定义的字体大小的一倍 */
    line-height: 1;
}
/* 定义大盒子的样式 */
.intro-datil .datils-wrapper {
    /* 开启相对定位 */
    position: relative;
    /* 高度设置为90px */
    height: 90px;
    width: 1200px;
    /* background-color: pink; */
    margin: 0 auto;
}
/* 包裹显示详情的盒子 */
.intro-datil .datils-wrapper .datails {
    /* 相对于外层的盒子居中 */
   position: absolute;
   top:0;
   left: -50%;
   right: 0;
}
/* 定义显示详情样式 */
.intro-datil .datils-wrapper .datails .datail{
    width: 500px;
    margin: 0 auto;
    /* 设置透明度为不透明1为不透明0为透明 */
    opacity: 0;
      /* 兼容浏览器 */
    -ms-filter: alpha(Opacity=0);
    filter: alpha(Opacity=0);

    position: absolute;
    top:-50px;
    /* 居中 */
    left: 54%;  
    /* 文本居中显示 */
    text-align: center;
    /* 字体大小 */
    font-size: 14px;
    /* 行高为字体大小的1.4倍 */
    line-height: 1.4;
    /* 文字间的间隔 */
    letter-spacing: 1px;
    /* 文本颜色 */
    color: #555;
}
/* ul的样式 */
.intro-datil .lists{
    /* 开启相对定位 */
    position: relative;
    /* 居中 */
    /* background-color: pink; */
    width: 1100px;
    margin: 0 auto;
    padding: 0 40px;
}
.intro-datil .list a{
    /* 定义文本大小和颜色（p中继承） */
    color: #333;
    font-size: 16px;
}
.intro-datil .lists li{
    /* 兼容怪异盒模型 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   width: 220px;
   height: 190px;
   margin: 10px 25px;
   padding: 0 5px;
   position: relative;
   /* 使其有行内元素的特点 */
   display: inline-block;
   cursor: pointer;
   /* 兼容border-radius */
   -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    border-radius: 6px;
    /* 兼容css3文本不能被选择 */
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    /* 兼容动画效果 */
    -webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in
}
.intro-datil .lists li.paas{
    background:url('../imgs/event1.png') center center no-repeat;
}
.intro-datil .lists li.saas{
    background:url('../imgs/event2.png') center center no-repeat;
}
.intro-datil .lists li.iot{
    background:url('../imgs/event3.png') center center no-repeat;
}
.intro-datil .lists li.developer{
    background:url('../imgs/event4.png') center center no-repeat;
}
.intro-datil .lists li:hover{
    box-shadow:  0 0 20px rgba(0,191,241,.3);
    /* 背景向y轴偏移30% */
    background-position-y: 30%
}
.intro-datil .lists p{
    text-align: center;
    margin-top: 150px;
}

/* 物联网产品功能区 */
.chanpin{
    height: 860px;
    width: 100%;
    background-color: rgb(234,239,242);
}
.chanpin .text {
    position: relative;
    height: 500px;
    /* background-color: pink; */
}
.chanpin h2{
    font-size: 26px;
    color: #FEFEFE;
    text-align: center;
    padding-top: 175px;
}
.chanpin .text h3{
    margin-top: 200px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    color: #7A7B7C;
}
.chanpin .chanpin-imgs{
    /* 宽度为1300px */
    width: 1300px;   
    /* 高为 */
    height: 200px;
     /*居中  */
    margin: 0 auto;
    /* background-color: red; */
    text-align: center;
    padding-top: 60px;
}
.chanpin .chanpin-imgs li{
    float: left;
    width: 113px;
    height: 113px;
    position: relative;
    margin: 0 50px;
    color: #989B9D;
}
.chanpin .chanpin-imgs li.flow,.chanpin .chanpin-imgs li.decive,.chanpin .chanpin-imgs li.proxy
,.chanpin .chanpin-imgs li.app,.chanpin .chanpin-imgs li.api,.chanpin .chanpin-imgs li.debug{
    background-image: url('../imgs/chanpin.png');
}
.chanpin .chanpin-imgs li.flow{
    background-position: -233px 4px;
}
.chanpin .chanpin-imgs li.decive{
    background-position: -236px -112px;
}
.chanpin .chanpin-imgs li.proxy{
    background-position: 0 -227px;
}
.chanpin .chanpin-imgs li.app{
    background-position: 0 0;
}
.chanpin .chanpin-imgs li.api{
    background-position: 229px 0px;
}
.chanpin .chanpin-imgs li.debug{
    background-position: 0px -112px;
}

.chanpin .chanpin-imgs li h5{
    position: absolute;
    width: 113px;
    height: 10px;
    bottom: -50px;
    font-size: 15px;
}
.chanpin .chanpin-imgs li p{
    position: absolute;
    width: 190px;
    margin-top: 220px;
    font-size: 14px;
    margin-left: -35px;
}
.chanpin .chanpin-imgs li.on p{
    color: #3C3D3D;
    display: block;
}
.chanpin .chanpin-imgs li p{
    display: none;
}
.chanpin .chanpin-imgs li:hover p{
    display: block;
    color: #3C3D3D;
}
.chanpin .chanpin-imgs li.on h5{
    color: #3C3D3D;
}
.chanpin .chanpin-imgs li:hover h5{
    color: #3C3D3D;
}
.chanpin .chanpin-imgs li:hover{
   box-shadow: 0 0 30px rgba(0,191,241,.3);
   border-radius: 75px;
   transition: ease-in all 0.2s;
}
/* 视频区域 */
.shipin{
    height: 533px;
    background: url('../imgs//video.jpg') center no-repeat;
}
.shipin .shipin-mask{
    padding-top: 155px;
    position:relative;
}
.shipin .shipin-mask p {
    text-align: center;
    font-size: 28px;
    color: #fff;
    margin-top: 5px;
}
.shipin .shipin-mask a{
    text-align: center;
    display:block;
    width: 50px;
    height: 50px;
    background-color: #333;
    opacity: 0.7;
    position: absolute;
    left:48%;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 50%;
}
.shipin .shipin-mask a:hover{
    opacity: .85;
}
/* 使其下面的after能够调整位置 */
.shipin .shipin-mask a::before{
    position: absolute;
}
.shipin .shipin-mask a::after{
    display:block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top:12px;
    left: 18px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 18px solid #FEFEFE;
    border-right: 1px solid transparent;
    z-index: 999;
}
/* c-zhanshi的区域 */
.c-case {
    height: 580px;
    background-color: #EAEFF1;
}
.c-case .c-zhanshi{
    width: 1100px;
    margin: 0 auto;
}
.c-case h2{
    text-align: center;
    padding: 80px 0;
    color: #5E5F60;
    font-size: 20px;
    font-weight: 400px;
}
.c-case .c-zhanshi .c-zhanshi-left {
    /* 行内块元素 */
    display: inline-block;
    /* 宽高 */
    width: 170px;
    height: 360px;
    /* 文字向右排列 */
    text-align: right;
    /* 垂直 */
    vertical-align: top;
    margin-right: 30px;
    position: relative;
    
}
.c-case .c-zhanshi .c-zhanshi-left li{
    /* 字体大小 */
    font-size: 14px;
    /* 变为行内块元素包裹文字 */
    display: inline-block;
    /* 上下左右的内边距 */
    padding: 8px 16px;
    /* li之间10px的距离 */
    margin-bottom: 10px;
    cursor: pointer;
    /* 兼容动画效果 */
    -webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
.c-case .c-zhanshi .c-zhanshi-left ul li.active,.c-case .c-zhanshi .c-zhanshi-left ul li:hover{
    /* 设置阴影 */
    box-shadow: 0 0 20px rgba(0,191,241,.3);
    /* 背景颜色 */
    background-color: #FFF;
    /* 字体颜色 */
    color: #19bbff;
    /* 边框圆角 */
	border-radius: 6px;
	-moz-border-radius: 6px
}
.c-case .c-zhanshi .c-zhanshijiantou {
    /* background-color: red; */
    text-align: center;
    position: absolute;
    bottom: 8%;
    right: 6%;
}
.c-case .c-zhanshi .c-zhanshijiantou span {
    margin-right: 10px;
    color: #44C6FC;
    cursor: pointer;
    font-size: 18px;
}
.c-case .c-zhanshi .shuxian{
    display: inline-block;
    height: 350px;
    width: 1px;
    background-color: #E0E4E6;
    position: absolute;
}
.c-case .c-zhanshi .c-zhanshi-right{
    margin-left: 30px;
    height: 350px;
    display: inline-block;
    /* background-color: pink; */
 
}
.c-case .c-zhanshi .c-zhanshi-right p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 35px;
    width: 830px;
}
.c-case .c-zhanshi  .c-zhanshi-right li{
    padding: 10px;
    float: left;
    width: 170px;
    height: 240px;
    background-color: #F5F6F6;
    margin: 10px 7px 20px 7px;
    text-align: center;
    -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border-radius: 3px;
}
.c-case .c-zhanshi  .c-zhanshi-right li img {
    width: 170px;
    height: 185px;
    border-radius: 3px;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in
}
.c-case .c-zhanshi  .c-zhanshi-right li span {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
}
.c-case .c-zhanshi  .c-zhanshi-right li:hover img {
    -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
     transform: scale(1.1);
     box-shadow: 0 0 20px rgba(0,191,241,.3);
}
/* 注意没有给li设置背景图片固实现不了下面效果由上面效果代替 */
/* .c-case .c-zhanshi  .c-zhanshi-right li:hover{
    background-position-y:30%;
} */
/* 设置点击 */
.c-case .c-zhanshi  .c-zhanshi-right .zhanshi{
    position: absolute;
    display: none;
}
.c-case .c-zhanshi  .c-zhanshi-right .show{
    display: block;
}
/* 芯片展示 */
.chip {
    background-color: #fff;
    height: 60px;
}
.c-chip-detail {
    /* background-color: pink; */
    height: 628px;
    user-select: none;
}
.c-chip-detail > p{ 
    text-align: center;
    padding: 80px 0;
    color: #333;
    font-size: 22px;
}
.chip .c-chip-display {
    width: 1100px;
    margin: 0 auto;
}
.chip .c-chip-display .c-chip-left {
    display: inline-block;
    width: 170px;
    height: 400px;
    /* background-color: plum; */
    text-align: right;
    margin-right: 30px;
    position: relative;
    vertical-align: top;
}
.chip .c-chip-display .c-chip-left ul li {
    font-size: 14px;
    display: inline-block;
    padding: 8px 16px;
    -webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in;
	margin-bottom: 10px

}
.chip .c-chip-display .c-chip-left .btn1{
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -20%;
    right:6px;
}
.chip .c-chip-display .c-chip-left .btn1 span{
    margin: 8px;
    font-size: 20px;
    color: #48C8FE;
    cursor: pointer;
}

.chip .c-chip-display .c-chip-left ul li.active,.chip .c-chip-display .c-chip-left ul li:hover{
    box-shadow: 0 0 20px rgba(0,191,241,.3);
	border-radius: 6px;
	-moz-border-radius: 6px;
	color: #19bbff
}
/* .chip .c-chip-display span {
    display: inline-block;
    height: 350px;
    width: 1px;
    background-color: #EEF1F6;
    position: absolute;
} */
.chip .c-chip-display .c-chip-right{
    display: inline-block;
    /* background-color: pink;  */
    height: 400px;
    border-left: 1px solid #eef1f6;
    padding-left: 30px;

}
.chip .c-chip-display .c-chip-right ul {
    width: 850px;
}
.chip .c-chip-display .c-chip-right ul li{
    display: inline-block;
    position: relative;
    width: 175px;
    height: 185px;
    background-color: pink;
    border-radius: 3px 6px;
    margin: 0 30px 30px 0;
    overflow: hidden;
    background: url('../imgs/chips.jpg');
    -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in
}
.chip .c-chip-display .c-chip-right ul li.lianshengde{
    /* 分别上下和左右的位置 向右为-向下为﹣ */
    background-position: 0 0;
}
.chip .c-chip-display .c-chip-right ul li.lexin{
    background-position: -175px 0;
}
.chip .c-chip-display .c-chip-right ul li.xinanxian{
    background-position: -350px 0;
}
.chip .c-chip-display .c-chip-right ul li.qingke{
    background-position: -525px 0;
}   
.chip .c-chip-display .c-chip-right ul li.hanfeng{
    background-position: -700px 0;
}
.chip .c-chip-display .c-chip-right ul li.anxinke{
    background-position: -875px 0;
}
.chip .c-chip-display .c-chip-right ul li.zhaoming{
    background-position: -1050px 0;
}
.chip .c-chip-display .c-chip-right ul li.dianlong{
    background-position: -1225px 0;
}
.chip .c-chip-display .c-chip-right .sub_title{
    /* 相对于li定位 */
    position: absolute;
    /* 向下隐藏 */
    bottom: -60px;
    /* 宽100% */
    width: 100%;
    /* 高60px */
    height: 60px;
    /* 行高60px */
    line-height: 60px;
    /* 文本居中 */
    text-align: center;
    /* 背景颜色 */
    background-color: #333;
    /* 字体颜色 */
    color: #fff;
    /* 透明度 */
    opacity: 0.8;
    /* 边框圆角 */
    border-radius: 0 3px;
    /* 动画兼容 */
    -webkit-transition: all .35s ease-out;
	-moz-transition: all .35s ease-out;
	transition: all .35s ease-out;
}
.chip .c-chip-display .c-chip-right ul li:hover .sub_title{
    bottom: 0;
}
.chip .c-chip-display .c-chip-right ul li:hover{
    -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
    transform: scale(1.1);
}
/* .chip .c-chip-display .c-chip-right .model_group{
   
} */
.chip .c-chip-display .c-chip-right .developboard{
    width: 274px;
    height: 286px;
    border-radius: 3px;
    /* background-color: pink; */
    background: url('../imgs/developboard1.jpg') no-repeat;
    float: left;
}
.chip .c-chip-display .c-chip-right .chips{
    display: none;
}
.chip .c-chip-display .c-chip-right .model_develop_detail{
    float: left;
    width: 500px;
    padding-left: 20px;
    /* background-color: pink; */
}
.chip .c-chip-display .c-chip-right .model_develop_detail h3{
    font-size: 20px;
    color: #333;
    font-weight: 400;
    margin-bottom: 20px;
}
.chip .c-chip-display .c-chip-right .model_develop_detail .text{
    font-size: 14px;
    line-height: 2;
    color: #64666B;
}
.chip .c-chip-display .c-chip-right .model_develop_detail .btn{
    margin-top: 20px;
    width: 320px;
    line-height: 45px;
    height: 45px;
    background-color: #0CC2F1;
    clear: both;
    border: none;
    font-size: 15px;
    color: #fff;
    letter-spacing: .2;
    border-radius:3px
}
.chip .c-chip-display .c-chip-right .model_develop_detail .btn:hover{
    background-color: #40d8ff;
}
.chip .c-chip-display .c-chip-right .show{
    display: block;
}
/* 合作企业 */
.c-cooper{
    position: relative;
    height: 784px;
    background-color: #fff;
}
.c-operative {
    width: 100%;
    height: 149px;
    line-height:149px ;
    text-align: center;
    font-size: 22px;
    color: #333;
    font-weight: 400;
}
.c-cooper ul{
    width: 100%;
    background-color: #000;
    /* 将文本设置为看不见但是占据的空间还在 */
    text-indent: -9000px;
    font-size: 0;
    /* 设置兼容动画效果 */
	/* -webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	transform: translateY(2px) */
}
.c-cooper ul li {
    /* 每个li占宽度的20%并且设置为浮动刚好设置为一排五个图片，共三排 */
    width: 20%;
    float: left;
}
.c-cooper ul li a {
    /* 变为行内块元素 */
    display: block;
    /* 高度为213px */
    height: 213px;
    /* 超出部分隐藏 */
    overflow: hidden;
    /* 设置相对定位 */
    position: relative;
    /* 高亮 */
    -webkit-tap-highlight-color: rgba(254,97,89,.8);
    /* 设置兼容动画效果 */
	-webkit-transition: .15s;
	-moz-transition: .15s;
    transition: .15s;
    /* 箭头符号 */
	cursor: default
}
.c-cooper ul .bg1,.c-cooper ul .bg2,.c-cooper ul .i1,.c-cooper ul .i2{
    /* 将i变为块元素，并且设置bg1,bg2,i1,i2的大小，位置为居中 */
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* 设置鼠标hover时的动画 */
    -webkit-transition: .35s;
	-moz-transition: .35s;
	transition: .35s
}
.c-cooper ul .bg1 {
    background: url('../imgs/coopers.jpg') center center no-repeat;
    /* 变为原来大小的1.1倍 */
    -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1)
}
/* .c-cooper ul .bg1:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.05)
} */
.c-cooper ul .bg2{
    /* 设置为完全透明 */
    opacity: 0;
    /* 兼容渐变的效果此时在bg1的上面现在需要隐藏 */
    background-image: -webkit-linear-gradient(top,#33deb4 0,#19bbff 100%);
	background-image: -moz-linear-gradient(top,#33deb4 0,#19bbff 100%);
	background-image: linear-gradient(to bottom,#33deb4 0,#19bbff 100%)
}
/* 将i1,i2居中在a中 */
.c-cooper ul .i1,.c-cooper ul .i2 {
	height: auto;
	bottom: 0
}
.c-cooper ul .i1 img,.c-cooper ul .i2 img{
    /* 将img设置为绝对定位，压在背景图片的上面且i2在i1的上面 */
    position: absolute;
    /* 设置图片巨宗在i1,i2中 */
    margin: auto;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
}
.c-cooper ul .i2{
    /* 将i2设置为完全透明，opacity虽然透明但是任然占据空间 */
    opacity: 0;
    /* 固将其向上移动100% */
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
}
.c-cooper ul a:hover .bg1 {
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
.c-cooper ul li a:hover .bg2{
    opacity: 0.7;
}
.c-cooper ul li a:hover .i1{
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}
.c-cooper ul a:hover .i2{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}
.c-cooper .xx .bg1 {
	background-position: 0 0
}

.c-cooper .mxchip .bg1 {
	background-position: 0 -213px
}

.c-cooper .nufront .bg1 {
	background-position: 0 -426px
}

.c-cooper .hf .bg1 {
	background-position: 0 -639px
}

.c-cooper .espressif .bg1 {
	background-position: 0 -852px
}

.c-cooper .sunlight .bg1 {
	background-position: 0 -1065px
}

.c-cooper .longsys .bg1 {
	background-position: 0 -1278px
}

.c-cooper .ai .bg1 {
	background-position: 0 -1491px
}

.c-cooper .seaing .bg1 {
	background-position: 0 -1704px
}

.c-cooper .ctunite .bg1 {
	background-position: 0 -1917px
}

.c-cooper .hilink .bg1 {
	background-position: 0 -2130px
}

.c-cooper .rflink .bg1 {
	background-position: 0 -2343px
}

.c-cooper .ikar .bg1 {
	background-position: 0 -2556px
}

.c-cooper .murata .bg1 {
	background-position: 0 -2769px
}

.c-cooper .fst .bg1 {
	background-position: 0 -2982px
}
/* 新闻资讯 */
.c-news {
    height: 555px;
    background-color: #EAEFF2;
    position: relative;
}
.c-news .grid > h3 {
    padding-top: 100px;
    margin: 0 auto;
    width: 1200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
    font-size: 23px;
    color: #333;
    font-weight: 400;
}
.c-news .grid ul{
    margin: 0 auto;
    width: 1280px; 
    height: 460px;
}
.c-news .grid ul li{
    margin: 0 50px;
    float: left;
    width: 325px;
    height: 333px;
}
.c-news .grid ul li img{
    width: 325px;
    height: 160px;
    border-radius: 6px;
    margin-bottom: 20px;
}
.c-news .grid h3 a {
    color: #616364;
    font-size: 15px;
    font-weight: 400;
    font-family: 正楷;
}
.c-news .grid h3:hover a {
    color: #47C5F8;
}
.c-news .grid li .author{
    color: #8D8D8D;
    font-size: 13px;
    margin: 20px 0 20px 0;
}
.c-news .grid li .textarea{
    font-size: 14px;
    color: #3C3D3D;
}
.c-news .grid .morenews{
    /* width: 10px; */
    height: 10px;
    display: block;
    clear: both;
    position: absolute;
    bottom: 10px;
    right: 16%;
}
.c-news .grid .morenews a {
    color: #19bbff;
    
}
.c-news .grid .morenews a:hover{
    color: #49C7FC;
}
/* 大图片展示 */
.c-join {
    height: 290px;
    background: url('../imgs/join.jpg');
}
.c-join  p.first{
    padding-top: 80px;
    text-align: center;
    color: #FBFBFB;
    font-size: 22px;
}
.c-join  p.last{
    text-align: center;
    width: 400px;
    height: 60px;
    line-height: 60px;
    background-color: #00c0f1;
    margin: 40px auto;
    border-radius: 3px;
}
.c-join  p.last:hover{
    background-color: #40d8ff ;
}
.c-join  p.last a{
    font-size: 18px;
    color: #fff;
}
.footer{
    width: 100%;
    height: 373px;
    text-align: center;
    background: url('../imgs/bg-footer.jpg') center no-repeat;
    overflow: hidden;
}
.footer .f-cols{
    width: 1200px;
    margin: 0 auto;
}
.footer .f-cols .col{
    padding-top: 70px;
    display: inline-block;
    width: 170px;
    height: 373px;
    transition: all .2s ease-in;
    /* 使所有的div全部向顶端靠齐 */
    vertical-align: top;
}
.footer .f-cols .app img {
    margin-top: 5px;
    width: 50px;
    height: 50px;
}
.footer .f-cols .col em{
    font-style: normal;
    color: #fff;
    font-size: 15px;
    position: relative;
}
.footer .f-cols .col em::after{
    margin-top: 5px;
    content: "";
    display: block;
    width: 28px;
    height: 2px;
    background-color: #154553;
    position: absolute;
    left: 0;
}
.footer .f-cols .col li{
    margin: 8px 0;
    height: 20px;
}
.footer .f-cols .col li a {
    color:#62686A;
}
.footer .f-cols .col li a:hover{
    color: #fff;
}
/* .footer .f-cols .col:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, .7);
    height: 373px;
} */
.footer .f-cols .col:hover{
    background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0));
}
.footer .f-cols .col:hover em::after{
    background-color: #0d738c;
}
.footer .f-cols .ways{
    width: 200px;
}
.banquan{
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 100%;
    background-color: #273035;
}
.banquan span{
    color: #3A4D45;
    font-size: 12px;
}
.banquan span.first:hover{
    color: #fff;
}